@import url(./assets/font/font.css);
@import url(./assets/iconfont/iconfont.css);
@import url(./assets/css/reset.css);

/* Input */
.ant-input-affix-wrapper {
  background-color: #fafcfd;
  transition: 0.2s;

  .ant-input {
    background-color: #fafcfd;
  }
}

.ant-input-affix-wrapper:hover {
  border: 1px solid #d9d9d9 !important;
  background: #f4f7f9;
  transition: 0.1s;
  border-bottom: 2px solid #0067c0 !important;
}

.ant-input-affix-wrapper-focused {
  border: 1px solid #d9d9d9;
  box-shadow: none;
  position: relative;
  transition: 0.1s;
  border-bottom: 2px solid #0067c0 !important;
}

/* Select Option */
.custom_select_popup {
  background-color: #f6f6f7;
  border: 1px solid rgba(0, 0, 0, 0.16);

  div {
    // height: 34px;
    background: transparent;
  }
}

.rc-virtual-list {
  .rc-virtual-list-holder {
    .rc-virtual-list-holder-inner {
      padding: 4px 2px 4px 2px;
      gap: 2px;
      .ant-select-item {
        background-color: #f8f9fa;
        height: 34px;
        display: flex;
        flex-direction: row;
        align-items: center;
        letter-spacing: 0.4px;
        font-size: 13px;
      }

      .ant-select-item:hover {
        background: #eeeff0;
      }

      .ant-select-item-option-selected {
        background: #f0f0f0;
        position: relative;
        .ant-select-item-option-content {
          font-weight: 400;
        }
      }

      .ant-select-item-option-selected::after {
        content: "";
        width: 2.6px;
        height: 16px;
        position: absolute;
        background: #0067c0;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 4px;
      }
    }
  }
}

/* Button */
.ant-btn {
  letter-spacing: 1.6px;
}

/* Table */
.custom_table {
  overflow: hidden;
  // 头部
  .ant-table-thead {
    .ant-table-cell {
      //   background-color: red;
      padding-left: 16px !important;
      height: 46px;
      background-color: rgb(241, 241, 241);

      .ant-table-column-title {
        font-weight: 500;
        font-family: Apple-B;
        font-size: 16px;
      }
    }
  }

  .ant-table-tbody {
    .ant-table-row {
      .ant-table-cell {
        padding-left: 16px !important;
        height: 40.96px;
        background: transparent !important;
      }
    }

    .ant-table-row:hover {
      background: rgba(0, 0, 0, 0.08);
    }
  }
}

/* Pagination */
.ant-pagination {
  .ant-pagination-options {
    .ant-select {
      min-width: 100px;
    }
  }
}
